<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>E-Bank Service 商户管理平台</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="layui/css/layui.css" />
	<link rel="stylesheet" href="css/admin.css" />
	<link rel="stylesheet" type="text/css" media="screen and (max-width:992px)" href="css/admin.mobile.css">
</head>

<body>
	<!-- 布局容器 -->
	<div class="layui-layout layui-layout-admin">

		<!-- 头部 -->
		<div id="header">
			<header-component></header-component>
		</div>

		<!-- 遮罩层 -->
		<div class="masked"></div>

		<!-- 左侧菜单 -->
		<div id="leftSlide">
			<leftslide-component></leftslide-component>
		</div>

		<!-- 主体 -->
		<div class="layui-body">
			<!-- 主要内容 -->
			<div class="container">
                <fieldset class="layui-elem-field site-demo-button layui-field-res">
                    <legend>订单信息</legend>
                    <div class="layui-field-box">
                        <table class="layui-table" lay-skin="nob">
                            <tbody>
                                <tr>
                                    <td>订单编号<span class="layui-field-bd">SW00152100</span></td>
                                </tr>
                                <tr>
                                    <td>成本金额<span class="layui-field-bd price">100.00</span></td>
                                </tr>
                                <tr>
                                    <td>成交金额<span class="layui-field-bd">1000.00</span></td>
                                </tr>
                                <tr>
                                    <td>支付方式<span class="layui-field-bd">线上支付</span></td>
                                </tr>
                                <tr>
                                    <td>订单状态<span class="layui-field-bd red">待发货</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </fieldset>

                <fieldset class="layui-elem-field site-demo-button layui-field-res">
                    <legend>收货地址</legend>
                    <div class="layui-field-box">
                        <table class="layui-table" lay-skin="nob">
                            <tbody>
                                <tr>
                                    <td>收货人　<span class="layui-field-bd">张三</span></td>
                                </tr>
                                <tr>
                                    <td>手机号码<span class="layui-field-bd">13644658863</span></td>
                                </tr>
                                <tr>
                                    <td>收货地址<span class="layui-field-bd">广东省深圳市宝安区留仙一路高新奇工业园</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </fieldset>

                <div class="table-list">
                        <table class="layui-table layui-list-table" lay-skin="line">
                            <thead>
                                <tr>
                                    <th>商品名称</th>
                                    <th>所属品牌</th>
                                    <th>商品数量</th>
                                    <th>商品价格</th>
                                    <th>成交金额</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="layui-table-first"><i class="layui-table-hd">商品名称</i><span class="layui-table-bd"><img class="img-cp fl mr10" src="img/1.jpg" alt="">Apple iPhoneX 128G 红色特别版红色特别版红色特别版<p class="gray">128G,红色</p></span></td>
                                    <td><i class="layui-table-hd">所属品牌</i><span class="layui-table-bd">Apple</span></td>
                                    <td><i class="layui-table-hd">商品数量</i><span class="layui-table-bd price">100</span></td>
                                    <td><i class="layui-table-hd">商品价格</i><span class="layui-table-bd price">100.00</span></td>
                                    <td><i class="layui-table-hd">成交金额</i><span class="layui-table-bd price">200.00</span></td>
                                    
                                </tr>
                            </tbody>
                        </table>
                    </div>

                <fieldset class="layui-elem-field site-demo-button layui-field-res">
                    <legend>其它信息</legend>
                    <div class="layui-field-box">
                        <table class="layui-table" lay-skin="nob">
                            <tbody>
                                <tr>
                                    <td>备注<span class="layui-field-bd">请周末发货！</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </fieldset>

                <fieldset class="layui-elem-field site-demo-button layui-field-res">
                    <legend>快递信息</legend>
                    <div class="layui-field-box">
                        <table class="layui-table" lay-skin="nob">
                            <tbody>
                                <tr>
                                    <td>快递公司<span class="layui-field-bd">顺丰速递</span></td>
                                </tr>
                                <tr>
                                    <td>快递单号<span class="layui-field-bd">10000002110</span></td>
                                </tr>
                                <tr>
                                    <td style="display:block;">
                                        <p class="pb10">快递动态</p> 
                                        <p>[深圳市] 快件已在 深圳新宝城 签收 签收照片,感谢您使用中通快递，期待再次为您服务! 2016-09-18 10:55:30</p>
                                        <p>[深圳市] 深圳新宝城 的 苏顺荣[18925277941] 正在派件 2016-09-18 08:18:45</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </fieldset>
			</div>
		</div>
	</div>
	<!-- 可不引入 -->
	<script type="text/javascript" src="js/vue.min.js"></script>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script type="text/javascript" src="js/fastclick.js"></script>
	<script type="text/javascript" src="js/admin.js"></script>
	<script>
		layui.use(['jquery', 'form', 'laydate', 'layer', 'laypage', 'element'], function () {
			var $ = layui.jquery,
				laydate = layui.laydate,
				layer = layui.layer,
				laypage = layui.laypage,
				element = layui.element;

			$(function () {
				FastClick.attach(document.body);
			});

		});
	</script>
</body>

</html>